<template>
  <footer class="footer">
    <ul>
      <router-link :to="item.path" tag="li" v-for="(item,index) of list" :key="index">
        <span :class="item.icon"></span>
        <p>{{ item.name }} </p>
      </router-link>
    </ul>
  </footer>
</template>
<script>
export default{
  data () {
    return {
      list: [
        {
          icon: 'iconfont icon-books',
          name: '书架',
          path: '/bookself'
        },
        {
          icon: 'iconfont icon-shucheng',
          name: '书城',
          path: '/bookcity'
        },
        {
          icon: 'iconfont icon-fangdajing',
          name: '发现',
          path: '/free'
        },
        {
          icon: 'iconfont icon-zuozhe',
          name: '我的',
          path: '/user'
        }
      ]
    }
  }
}
</script>
